<!--
 * @Description: 
 * @Version: 
 * @Author: GabbyMrH
 * @Email: gabbymrh@gmail.com
 * @Date: 2021-01-04 09:28:12
 * @LastEditors: GabbyMrH
 * @LastEditTime: 2021-01-05 11:46:12
-->

<template>
    <view class="container">
     <Header :src="src" @gocenter="gocenter"></Header>
     <middle></middle>
     <cell></cell>

    </view>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import Header from "./components/header.vue";
import middle from './components/middle.vue';
import cell from './components/cell.vue';


@Component({
    name:"home",
    components:{
        Header,
        middle,
        cell
    }
})

export default class extends Vue{
    private src:string ='http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg'
   //跳转到分会管理中心 
   private gocenter(){
      console.log('tiaozhuang')
    }
}
</script>

<style lang="scss"  scoped>
 .container{
    width: 100%;
    height: 100vh;
    background: #f2f2f2;
 }
</style>